<template>
  <div id="wrap">
    <!--返回顶部按钮-->
    <Scrolltop></Scrolltop>


    <!--头部-->
    <div class="top">
      <img @click="goback()" src="../../../static/bmqd/BMQD-1.png" alt="">
      <span>{{title}}</span>
      <img src="../../../static/bmqd/fenxiang.png" alt="">
    </div>

    <div class="con-wrap" v-for="i in arr">
      <router-link to="/miji">
        <img class="con-img" :src="i.url" />
      </router-link>
      <p>{{i.tit1}}</p>
      <span>{{i.tit2}}</span>
    </div>
    <p class="more">没有更多了...</p>

  </div>
</template>

<script>
  import Scrolltop from './Scrolltop'
    export default {
        name: "Xiulian",
      data(){
          return{
            title:'修炼秘籍',
            arr:[
              {url:require('../../../static/nvhanzi/ns.png'),tit1:'ADDICTION',tit2:'质感奢华 宛如定制'},
              {url:require('../../../static/nvhanzi/ns.png'),tit1:'ADDICTION',tit2:'质感奢华 宛如定制'},
              {url:require('../../../static/nvhanzi/ns.png'),tit1:'ADDICTION',tit2:'质感奢华 宛如定制'}
            ]
          }
      },
      components:{
        Scrolltop
      },
      methods:{
        goback(){
          window.history.go(-1);
        }
      }
    }
</script>

<style scoped>


  .top{
    width: 69rem;
    height: 3rem;
    line-height: 3rem;
    padding: 3.5rem 1.5rem;
    background: #e53e42;
    display: flex;
    justify-content: space-between;
  }
  .top span{
    font-size: 3.6rem;
    color: #fff;
  }
  .top img{
    width: 3rem;
    height: 3rem;
  }
  .con-wrap{
    width: 72rem;
    height: 50rem;
    border-bottom: .1rem solid #ccc;
    margin-bottom: 1rem;
  }
  .con-img{
    width: 72rem;
    height: 40rem;
  }
  .con-wrap p,.con-wrap span{
    font-size: 2.4rem;
    color: #656565;
    margin-left: 2rem;
  }
  .con-wrap p{
    color: #333;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .more{
    font-size: 2.4rem;
    color: #808080;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
</style>
